<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="css/com.css"/>
		<link rel="stylesheet" type="text/css" href="css/ty.css"/>
		<style type="text/css">
			.user_info{
				width:1200px;
				margin:0 auto;
				height:100px;
				border: 1px solid #efefef;
				
			}
			.clearfix{ 
				*zoom:1;
			}
			.user_left{
				float:left;
				margin:0 0 15px 70px;
				line-height:28px;
			}
			.user_left span{
				float:left;
				width:78px;
				height:78px;
				border:solid 1px #ccc;
				border-radius:50%;
				overflow:hidden;
			}
            .user_left span img{
            	width:78px;
            	height:78px;
            }
            .user_left font{
            	float:left;
            	margin:26px 45px 26px 20px;
            	font-size:16px;
            }
            .user_left p{
            	float:left;
            	margin:26px 0;
            	font-size:14px;
            	position:relative;
            	cursor:pointer;
            }
            .user_right{
            	float:right;
            	height:52px;
            	margin:29px 25px;
            }
            .user_right li{
            	float:left;
            	width:78px;
            	text-align:center;
            	font-size:14px;
            	line-height:26px;
            }
            .user_right li a{
            	display:inline-block;
            }
            
            .user_info a{
            	font: "微软雅黑" 14px;
            	color: black;
            }
            .user_nav{
            	border: 1PX solid #efefef;
            	margin-top: 20px;
            	float:left;
            	width:240px;
            	/*background:#efefef;*/
            }
            .user_nav dl{
            	line-height: 36px;
            	padding: 7px 0;
            	font-size: 14px;
            	text-align: center;
            	border-bottom:solid 1px #efefef;
            }
            .user_nav dl dt span,.user_nav dl dt a,.user_nav dl dd a{
            	display:block;
            	text-decoration:none;
            	padding-left:80px;
            	cursor:pointer;
            }
            .rightCon01{
            	float:left;
            	width:696px;
            	margin-left:10px;
            	font-size:14px;
            	background:#fff;
            }
            .rightCon01top{
            	border-radius:4px;
            	background-color:#5C5DBB;
            	margin:0 auto;
	            width: 920px;
	            height: 60px;
	            margin-top: 15px;
	            margin-left: 30px;
	            border-bottom: 2px solid black;
            }
            .item1{
            	float: left;
            	margin: 0 auto;
            	width: 220px;
            	height: 60px;
            	margin-left: 10px;
            }
            .biaotop{
            	text-align: center;
            	color: #FFFFFF;
            	font-size: 20px;
            	margin-top: 15px;
            }
            #boxsBoss{
            	width: 920px;
	            height: 650px;
	            margin-top: 20px;
	            background: gainsboro;
	            border-radius:4px;
	            margin-left: 30px;
	            /*display: none;*/
            }
            #boxsBoss div{
            	display: none;
            	
            }
            #boxsBoss .boxS{
            	display: block;
            }
            .footer{
	            width: 100%;
	            margin-top: 800px;
	            height: 100px;
	            background: gainsboro;
            }
            .footer h4{
	            margin-top: 10px;
	            text-align: center;
            }
            .item-wrap{
	            float: left;
	            border-radius:4px;
	            margin-left: 10px;
	            margin-right: 10px;
	            margin-top: 5px;
	            width:200px;
	            height:290px;
	            margin-right:40px;
	            background-color:#fff;
	            margin-bottom:10px;
	           /* opacity: 0.3;*/
            }
            #pp{
            	width: 180px;
            	height: 50px;
            	margin: 0 auto;
            }
            
            .item-info{
	            width:170px;
	            margin:10px 15px;
	            -moz-box-sizing:border-box;
	            box-sizing:border-box;
	            margin-bottom:0;
	            padding-bottom:14px;
	            border-bottom:.5px solid #e6e6e6;
            }
            .item-title{
	            font-size:13px;
	            color:#222;
	            height:40px;
	            width:170px;
	            line-height:20px;
	            overflow:hidden;
            }
            .price-unit{
	            font-size:10px;
	            color:#f44;
	            height:14px;
	            line-height:22px;
	            margin-left: 20px;
            }
            .price-value{
	            font-size:16px;
	            color:#f44;
	            height:18px;
	            line-height:18px;
	            margin-left: 20px;
            }
            .pinjia{
            	width: 800px;
            	margin: 0 auto;
            	text-align: center;
            	margin-top: 10px;
            }
            .pinjia tr{
            	height: 50px;
            }
            .pinjia th{
            	height: 50px;
            	background: #5C5DBB;
            	color: #FFFFFF;
            }
		</style>
	</head>
	<body>
		<!--通用头部-->
		<div id="top">
			<div class="top">
				<a class="logo" href="##">
				<img src="img/鱼.png" style="width:106px;height: 50px;"/>
			    </a>
			<ul class="nav">
				<li>
					<a  href="##">个人中心</a>
				</li>
				<li>
					<a href="##">首页</a>
				</li>
				<li>
					<a href="##">购物车</a>
				</li>
			</ul>
			<div class="tool">
				<div class="search">
					<input type="text" name="search" placeholder="在线搜索" />
					<a href="##" class="searchBtn"></a>
				</div>
				<div class="userbox">
					<a id="loginBtn" href="##"></a>
				</div>
				<div class="userbox1">
					<a id="loginBtn1" href="##">退出登录</a>
				</div>
			</div>
			</div>
		</div>
		
		
		<!--第二部分-->
		<div id="tongyo">
			<div class="user_info clearfix1">
				<div class="user_left">
					<span>
						<a href="##">
							<img src="img/timg (1).jpg"  width="78" height="78"/>						
						</a>
					</span>
					<font>
						<a id="pcmysf_B01_01" href="##">雾里</a>
					</font>
					<p>
						<a href="Personal settings.html">账户设置</a>
					</p>
				</div>
				<div class="user_right">
					<ul>
						<li id="pcmysf_B01_02">
							<a href="##">
								已赚
								<br />
								<span>0.00</span>
							</a>
							
						</li>
						<li id="pcmysf_B01_03">
							<a href="##">
								关注
								<br />
								<span>0</span>
							</a>
							
						</li>
						<li id="pcmysf_B01_05">
							<a href="##">
								收藏
								<br />
								<span>0</span>
							</a>
							
						</li>
						<li id="pcmysf_B01_06">
							<a href="##">
								粉丝
								<br />
								<span>0</span>
							</a>
							
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<!--空格部分-->
		<div class="kong"></div>
		
		<!--第三部分-->
		<div id="tongyo">
			<div class="content">
				<div class="user_nav">
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">我的首页</a>
					</dl>
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">我的订单</a>
					</dl>
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">我的收藏</a>
					</dl>
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">我的评价</a>
					</dl>
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">我的拍卖</a>
					</dl>
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">我的红包</a>
					</dl>
					<dl id="dt_00">
						<a id="pcmysf_B02_01" href="##">客服中心</a>
					</dl>					
				</div>
				<div id="defaultright">
				    <div class="rightCon01">
				    	<div class="rightCon01top">
				    		<ul>
				    			<li>
				    				<div class="item1">
				    			        <p class="biaotop">在售中</p>
				    		        </div>
				    			</li>
				    			<li>
				    				<div class="item1">
				    			        <p class="biaotop">已卖出</p>
				    		        </div>
				    			</li>
				    			<li>
				    				<div class="item1">
				    			        <p class="biaotop">动态</p>
				    		        </div>
				    			</li>
				    			<li>
				    				<div class="item1">
				    			        <p class="biaotop">评价</p>
				    		        </div>
				    			</li>
				    		</ul>
				    	</div>
				    	<div id="boxsBoss">
				    			<div class="boxS">
				    				<a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				    			</div>
				    		    <div >
				    		    	<a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                   
				    		    </div>
				    		    <div >
				    		    	<a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				                    <a target="_blank" class="item-wrap">
				    					<!--<div  style="height:30px ;width: 30px;background: red;"></div>-->
				    					
				    					<img src="img/xie.jpg" style="height:200px ;width: 200px;"/>
				    					<p id="pp">WANs 鞋子  全新的 因为鞋子太多所以出</p>
				    					<p class="price-unit">￥</p>
								        <p class="price-value">56</p>
				                    </a>
				    		    </div>
				    		    <div>
				    		    	<table class="pinjia" border="1" cellspacing="0" cellpadding="0">
				    		    		<tr>
				    		    			<th>买家</th>
				    		    			<th>评价内容</th>
				    		    			<th>好评</th>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>李白***好</td>
				    		    			<td>卖家是个好人，物品很好，我很喜欢，你们快来买呀</td>
				    		    			<td>好评</td>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>XX***SSAA</td>
				    		    			<td>什么鬼东西？？一言不合就拉黑？？？垃圾卖家</td>
				    		    			<td>差评</td>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>HJKADH***</td>
				    		    			<td>还行啦。我也没有注意有什么不好的，一般般洒洒水啦</td>
				    		    			<td>好评</td>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>打架了**撒好看了就</td>
				    		    			<td>不懂怎么样，不过卖家很好说话就对了</td>
				    		    			<td>好评</td>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>大家快乐；adj**</td>
				    		    			<td>这是一个好评末班</td>
				    		    			<td>好评</td>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>李白***好</td>
				    		    			<td>卖家是个好人，物品很好，我很喜欢，你们快来买呀</td>
				    		    			<td>好评</td>
				    		    		</tr>
				    		    		<tr>
				    		    			<td>李白***好</td>
				    		    			<td>卖家是个好人，物品很好，我很喜欢，你们快来买呀</td>
				    		    			<td>好评</td>
				    		    		</tr>
				    		    	</table>
				    		    </div>
				    		</div>
				    		
				    </div>
				</div>
			</div>
		</div>
	
	    <!--底部-->
	    <div class="footer">
	    	<h4>地址：广西民族大学相思湖学院</h4>
	    	<h4>电话：18724595552</h4>
	    	<h4>出品方：广西民族大学相思湖学院软件工程班</h4>
	    </div>
	</body>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	<script type="text/javascript">
		$("ul li").click(function(event){
//			$(this).addClass("boxS");
//			$(this).siblings().removeClass("boxS");
			$("#boxsBoss div").eq($(this).index()).addClass("boxS");
			$("#boxsBoss div").eq($(this).index()).siblings().removeClass("boxS");
		})
	</script>
</html>
